<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <title>北网学生教务管理系统</title>
  <link href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" rel="stylesheet">
  <link rel="stylesheet" href="mysql.css">
  <script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>
</head>
<body>
    <div class="sui-container">
        <div class="my_head">
            <h1>北京学生教务管理系统 V1.0</h1>
        </div>
        <div class="sui-row">
            <div class="span2">
                <div class="sidebar">
                <div class="box">
                    <ul class="menu">
                        <li class="level1">
                            <a href="#none">录入信息</a>
                            <ul class="level2">
                                <li><a href="kecheng-input.html">课程录入</a></li>
                                <li><a href="banji-input.html">班级录入</a></li>
                                <li><a href="xuesheng-input.html">学生录入</a></li>
                                <li><a href="chengji-input.html">成绩录入</a></li>
                            </ul>
                        </li>
                        <li class="level1">
                            <a href="#none">修改信息</a>
                            <ul class="level2">
                                <li><a href="kecheng_after.php">课程修改</a></li>
                                <li><a href="#none">班级修改</a></li>
                                <li><a href="#none">学生修改</a></li>
                                <li><a href="#none">成绩修改</a></li>
                            </ul>
                        </li>
                        <li class="level1">
                            <a href="#none">信息查询</a>
                            <ul class="level2">
                                <li><a href="#none">学生信息查询</a></li>
                                <li><a href="#none">成绩查询</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                </div> 	
            </div>
            <div class="span8">
                <div class="sui-msg msg-large msg-block msg-info">
                    <div class="msg-con">欢迎来到学生信息管理系统</div>
                    <s class="msg-icon"></s>
                </div>
                <!-- <form action="student_save.php" method="get" class="sui-form form-horizontal sui-validate">
                    <div class="control-group">
                        <label class="control-label">课程名：</label>
                        <div class="controls">
                            <input type="text" class="input-medium" data-rules="required|minlength=4" name="kecheng">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">课程编号：</label>
                        <div class="controls">
                            <input type="text" class="input-medium" name="kecheng_sn">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label"></label>
                        <div class="controls">
                            <button type="submit" class="sui-btn btn-primary">确定</button>
                            <button type="reset" class="sui-btn">重置</button>
                        </div>
                    </div>
                </form> -->
            </div>
        </div>
    </div>
</body>
</html>
<script>
    //使用jquery实现tab切换效果
    $(function(){
        $(".box .level1 > a").on("click", function(){
            //console.log("ok");
            //给当前元素添加"current"样式
            $(this).addClass("current") 
            //下一个元素显示
            .next().show()
            //父元素的兄弟元素的子元素<a>
            .parent().siblings().children("a").
            //移除上面找到的所有<a>的current 样式
            removeClass("current")
            //上面所有<a>的下一个元素隐藏
            .next().hide();
    
            return false;
        })
    });
    </script>